<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>豆咖音乐 </title>
		<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="favicon.ico" mce_href="http://jt.hapboy.xyz/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/front/assets/css/reset.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/front/assets/css/common.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/front/assets/css/slider.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/front/assets/css/font-awesome.min.css">
		<script src="${pageContext.request.contextPath}/front/assets/js/jquery.min.js"></script>
		<script src="${pageContext.request.contextPath}/front/assets/js/HBSlider.js"></script>
		<script src="${pageContext.request.contextPath}/front/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/auth.css">

		<style type="text/css">
			#J_Mark53645 {
				display: none;
				position: fixed;
				margin: 0;
				padding: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #000;
				filter: alpha(opacity=30);
				opacity: 0.3;
				z-index: 1982;
			}
			
			#J_LoginIframeWarp53645 {
				display: none;
				background: #fff;
				position: fixed;
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				margin: 0;
				padding: 0;
				top: -9999px;
				left: -9999px;
				width: 390px;
				margin-left: -235px;
				z-index: 1984;
				font-size: 12px;
				line-height: 1;
				font-family: 微软雅黑, Tahoma, Helvetica, Arial, sans-serif;
				background: #fff url(https://passport.migu.cn/images/redirect.png) no-repeat center 40%;
			}
			
			#J_LoginIframeWarp53645.music {
				background-image: url();
			}
			
			#J_LoginIframeWarp53645 p {
				position: absolute;
				margin: 0;
				padding: 0;
				top: 40%;
				left: 0;
				margin-top: 55px;
				width: 100%;
				font-size: 24px;
				color: #444;
				text-align: center;
				z-index: 1;
			}
			
			#J_LoginClose53645 {
				position: absolute;
				top: -10px;
				right: -10px;
				border-radius: 50%;
				background-color: #fff;
				width: 33px;
				height: 33px;
				box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06);
				color: #D8D8D8;
				font-weight: 400;
				font-size: 28px;
				text-align: center;
				text-decoration: none;
				outline: none;
				cursor: pointer;
				line-height: 30px;
				font-family: 微软雅黑, Tahoma, Helvetica, Arial, sans-serif;
				z-index: 3;
			}
		</style>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="format-detection" content="email=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="applicable-device" content="pc">
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<meta name="renderer" content="webkit">
<!--		<meta name="keywords" content="咪咕音乐,彩铃,移动彩铃,手机彩铃,中国移动,12530,mp3,高品质音乐,无损音乐,在线听歌,歌曲下载,振铃,歌曲,铃音,特级会员,电台,mv,演唱会直播,音乐网站,音乐播放器">
		<meta name="description" content="咪咕音乐网是中国移动官方音乐门户，旨在提供音乐首发、高品质音乐试听、彩铃订购、歌曲下载、铃音管理、音乐电台、音乐视频等一站式音乐互动体验，好音乐尽在music.migu.cn！">-->
		<link href="${pageContext.request.contextPath}/front/docovipCSS/global.css" rel="stylesheet">
		<link href="${pageContext.request.contextPath}/front/docovipCSS/vipindex.css" rel="stylesheet">
	</head>
	<body>
 			<!-- 导航栏 -->
		<header>
			<div class="container">
				<div class="navbar-header">
					<a href="" class="navbar-brand">
						<img src="assets/images/logo.png" alt="">
					</a>
				</div>
				<nav>
					<ul class="nav navbar-nav navbar-link" style="display: block;">
						<li >
							<a href="index.jsp">首页</a>
						</li>
						<li>
							<a href="#">我的音乐</a>
						</li>
						<li>
							<a href="#">歌手</a>
						</li>
						<li>
							<a href="#">排行榜</a>
						</li>
						<li class="active">
							<a href="VIPCenter.jsp">会员中心</a>
						</li>
						<li>
							<a href="#">歌曲广场</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right navbar-sm" style="display: block;">
						<li><input type="text" class="search-input" placeholder="歌名 / 歌手"></li>
						<li>
							<a href="#"><i class="fa fa-search" aria-hidden="true"></i></a>
						</li>
						<li>
							<a href="login_register.html">注册 / 登录</a>
						</li>
					</ul>
				</nav>
			</div>
		</header>
			<!-- vip index page start -->
			<div class="vip-user-header">
				<div class="container">
					<div id="user-box" class="" data-gains="#">
						<p class="tip">开通白金会员</p>
						<p class="bolfont">专属曲库</p>
						<a class="user-btn login" href="${pageContext.request.contextPath}/shaxiang/index.jsp">立即充值</a>
					</div>
					<div class="vip-equity">
						<div class="title-equity">会员权益</div>
						<div class="equity-group swiper-container">
							<div class="swiper-wrapper" style="position: relative; left: 360px;">
								<div class="swiper-slide item-equity active">
									<div class="fun-point">
										<div class="icon">
											<img src="//cdnmusic.migu.cn/tycms_picture/20/05/128/200507144210560_34x31_8549.png" class="icon-pic">
										</div>
										<div class="name">专属曲库</div>
									</div>
								</div>
								
								
							</div>
						</div>
						<div class="item-equity-desc">
							<div class="info-contain active">
								<div class="info">
									<p class="title-o">专属曲库</p>
									<p class="title-t">百万付费歌曲无限量畅听</p>
									<p class="desc">白金会员享全站无限量音乐试听。</p>
								</div>
							</div>
							
							
						</div>
					</div>
				</div>
			</div>
			<!-- 专属付费曲库 start -->
			<div class="container section" id="songBook">
				<div class="panel-title">专属付费曲库</div>
				<div class="wrapper-items">
		
				</div>
			</div>
			<!-- 专属付费曲库end -->


			<!-- vip index page end -->
			<!-- footer -->
			<div id="footer">
				<div class="footer-info">
					<div class="container">
						<div class="footer-swap footer-item">
						
							<div class="migu-contact migu-info">
								<p class="migu-title">联系我们</p>
								<ul>
									<li>
										<a href="/v3/common/cooperation">业务合作</a>
									</li>
									<li>
										<a href="http://open.migu.cn/" target="_blank">开放平台</a>
									</li>
									<li>
										<a href="javascript:;" class="J-go-kf">常见问题</a>
									</li>
									<li>
										<a href="http://music.migu.cn/v2/common/musicianCooperation" target="_blank">豆咖音乐人合作</a>
									</li>
									<!-- <li><a href="https://i.migu.cn" target="_blank">咪咕音乐人合作</a></li> -->
									<li>
										<a href="http://music.migu.cn/v2/common/contactus">联系我们</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="footer-focus footer-item">
							<p class="migu-title">关注我们</p>
							<div class="focus-way">
								<a href="https://www.weibo.com/10658830" class="focus-sina" target="_blank"></a>
								<a href="javascript:;" class="focus-wx">
									<img src="//cdnmusic.migu.cn/v3/static/img/common/footer/migu_gzh.png" alt="咪咕视频客户端下载二维码" class="img-block img-full">
								</a>
							</div>
						</div>

					</div>
				</div>
				<div class="copyright">
					<div class="container">
						<div class="c-link">
							<ul>
								<li>
									<a href="#" target="_blank">豆咖文化</a>
									<span class="split-line"></span>
								</li>
								<li>
									<a href="#" target="_blank">豆咖音乐简介</a>
									<span class="split-line"></span>
								</li>
								<li>
									<a href="#" target="_blank">版权声明</a>
									<span class="split-line"></span>
								</li>
								
								<li>
									<a href="#" target="_blank">服务协议</a>
									<span class="split-line"></span>
								</li>
								<li>
									<a href="#" target="_blank">隐私权政策</a>
								</li>
							</ul>
						</div>
						<div class="c-auth">
							<ul>
								<li>
									<a href="#" target="_blank">蜀ICP备20201515号</a>
								</li>
								<li>川网文[2020]0711-011</li>
								<li>网络视听许可证07112020号</li>
								<li>增值业务许可证A2.B1.B2-20200813</li>
							</ul>
						</div>
						<div class="c-info">Copyright © 2020 - 2020 豆咖音乐有限公司</div>
					</div>
				</div>
			</div>
			<div id="offset-action" style="right: 0px; bottom: 55px; opacity: 1;">
				<a href="javascript:;" id="scroll-top" title="回到顶部" style="display: none;">
					<i class="iconfont cf-shang"></i>
				</a>
				<a href="#" title="打开播放器" class="action-botton open-player">
					<b></b>
				</a>
			</div>
		<!--	<a href="javascript:;" id="J_LoginBtn" style="display: none;"></a>-->
			<script src="docovipjs/jquery.min.js"></script>
			<script src="docovipjs/manifest.js"></script>
			<script src="docovipjs/vendor.js"></script>
			<script src="docovipjs/common.js"></script>
			<script src="docovipjs/musicPlay.js"></script>
			<script src="docovipjs/migu_http.js"></script>
			<script src="docovipjs/webtrends.load.mg.js"></script>
			<script src="docovipjs/vms.js"></script>
			<script src="docovipjs/vip.index.js"></script>
			<script type="text/javascript">
				(function() {
					var s = document.createElement("script");
					s.async = true;
					s.src = "//cdnmusic.migu.cn/v2/zt/common/js/mg_sdc_load.js";
					var s2 = document.getElementsByTagName("script")[0];
					s2.parentNode.insertBefore(s, s2);
				}());
			</script>
			<!-- Migu Group Code End -->
			<script type="text/javascript" src="https://passport.migu.cn/popup/login?sourceid=220001&amp;callbackURL=http%3A%2F%2Fmusic.migu.cn%2Fv3%2Fvip"></script>
			<!--<div id="payDetailTag" style="background: rgba(0,0,0,.6);position: fixed;z-index: 1000;left: 0;top: 0;display: none;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center; width: 100%;height: 100%;overflow-y:scroll;-webkit-overflow-scrolling: touch;">
				<div style="width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; height: 100%"><iframe id="frame" src="http://webpay.migu.cn:8080/migunetsdk/webJs/frame.html?netId=b486900f41fc411187240dcb45fdbc8d&amp;client=WWW&amp;umark=Common2&amp;protocol=http&amp;mv=1.2.4" name="__migu_web_pay_frame" class="miguframe" style="position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;"></iframe></div>
			</div>
			<div id="J_Mark53645"></div>
			<div id="J_LoginIframeWarp53645" class="other">
				<p>正在处理，请稍后...</p><iframe frameborder="0" name="loginIframe53645" id="loginIframe53645" allowtransparency="true" scrolling="no" seamless="seamless" style="position:absolute; top:0; left:0; width:100%;height:275px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; z-index:2;"></iframe>
				<a href="javascript:;" id="J_LoginClose53645">×</a>
			</div>-->
	</body>
</html>